
/* 新增：鼠标悬浮在按钮上弹出菜单的样式 */
.action-menu {
    position: relative;
    display: inline-block;
}

.menu-toggle {
    background-color: #4CAF50;
    color: white;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
}

.menu-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 100%; /* 菜单在按钮下方 */
    left: auto; /* 取消默认的 left 设置 */
    right: 0; /* 菜单右边缘与按钮右边缘对齐 */
    /* transform: translateX(-100%); 菜单向左移动，使其左边缘与按钮右边缘对齐 */
}

.menu-content button {
    display: block;
    padding: 8px 16px;
    text-align: left;
    width: 100%;
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: #000; /* 修改：默认文字颜色为黑色 */
}

.menu-content button[disabled] {
    background-color: #cccccc; /* 灰色背景 */
    color: #666666; /* 浅灰色文字 */
    cursor: not-allowed; /* 改变鼠标指针样式 */
}

.menu-content button:hover {
    background-color: #f1f1f1;
    color: #0000ff; /* 修改：悬浮时文字颜色为蓝色 */
}

.action-menu:hover .menu-content {
    display: block;
}
